<template>
  <div class="mt12">
    <!--大屏主体内容-->
    <div class="__main mt12">
      <div class="__left">
        <left></left>
      </div>
      <div class="__center">
        <center></center>
      </div>
      <div class="__right">
        <right></right>
      </div>
    </div>
    <!--大屏主体内容-->
  </div>
</template>

<script>
import drawMixin from "@/utils/drawMixin";
import countTo from "vue-count-to";
import pageTitle from "../components/pageTitle";
import itemBox from "../components/itemBox";
import subTit from "../components/subTit";
import left from "./components/left.vue";
import right from "./components/right.vue";
import center from "./components/center.vue";

let mixin = new drawMixin();
export default {
  name: "index",
  components: { countTo, pageTitle, itemBox, subTit, left, right, center },
  mixins: [mixin],
  data() {
    return {};
  },
  mounted() {},
  methods: {},
};
</script>

<style scoped lang="scss">
.mt12 {
  margin-top: 12px;
}
.mt24 {
  margin-top: 24px;
}
.__main {
  padding: 0 24px;
  display: grid;
  grid-template-columns: 470px auto 470px;
  grid-gap: 24px;

  .__center {
  }
}
</style>
